<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="../css/bootstrap.min.css" rel="stylesheet" />
	</head>
	<body>
		<a href="#mymodal" class="btn btn-primary" data-toggle="modal">点击按钮触发弹框</a>
		<div id="mymodal" class="modal fade">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button class="close" data-dismiss="modal">&times;</button>
						<h4 class="modal-title">我是标题</h4>
					</div>
					<div class="media-body">
						<p>  我是内容。。。。</p>
					</div>
					<div class="modal-footer">
						<button class="btn btn-default" data-dismiss="modal">关闭</button>
						<button class="btn btn-primary">保存</button>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/jquery-1.12.4.js"></script>
		<script src="../js/bootstrap.js"></script>
	</body>
</html>
